daihai<!DOCTYPE html>  
<html>  
<head>  
	<meta charset="utf-8">
    <title>jQuery bootstrap-select可搜索多选下拉列表插件-www.daimajiayuan.com</title>  
    <script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
    <script src="js/bootstrap-select.js" type="text/javascript" charset="utf-8"></script>  
    <link rel="stylesheet" href="css/bootstrap-select.css" />   
  
   	<link rel="stylesheet" href="css/bootstrap.min.css" />
    <script src="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>  
  
    <script type="text/javascript">  
        $(window).on('load', function () {  
  
            $('.selectpicker').selectpicker({  
                'selectedText': 'cat'  
            });  
        });  
        
        $.ajax({
        	type:'post',
        	url:'',
        	dataType:"json",
        	success:function(result){
        		// 缺一不可
	        $('#bs3Select').selectpicker('refresh');
	        $('#bs3Select').selectpicker('render');
        	}
        })
        
        
    </script>  
</head>  
<body>  
    <div class="container">  
        <form class="form-horizontal" role="form">  
            <div class="form-group">  
                <label for="bs3Select" class="col-lg-2 control-label">请选择</label>  
                <div class="col-lg-10">  
                    <select id="bs3Select" class="selectpicker show-tick form-control" multiple data-live-search="true">  
                        <option>cow</option>  
                        <option>bull</option>  
                        <option class="get-class" disabled>ox</option>  
	                        <!--<optgroup label="test" data-subtext="another test" data-icon="icon-ok">  
	                            <option>ASD</option>  
	                            <option selected>Bla</option>  
	                            <option>Ble</option>  
	                        </optgroup>  -->
                    </select>  
                </div>  
              </div>  
        <form>  
    </div>  
  
</body>  
</html>  